<div class="modal fade" id="modificar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:780px">
        <div class="modal-content" style="border-radius:0 !important;position:relative !important;">
            <div class="aspa" data-dismiss="modal" aria-hidden="true" style="right:-10px;top:-10px;" title="Cerrar">
                <i class="glyphicon glyphicon-remove"></i>
            </div>

            <div class="modal-header">
                Modificar mi perfil
            </div>

            <div class="modal-body" style="padding-bottom:0">
                <form method="post" action="../logic/actualizarPerfil.php" onsubmit="return validarFormulario()">
                    <div class="campo">
                        <b>Nombre y Apellidos</b><br>
                        <font style="font-size:18px;"><?php echo $datos['nombreUsuario']." ".$datos['apellidos']; ?></font>
                    </div>

                    <div class="campo">
                        <b>Nombre Artístico</b>
                        <input class="input" name="nombreArtistico" maxlength="75"  type="text" style="height:35px;" value="<?php echo $datos['nombreArtistico']; ?>">
                    </div>

                    <div class="campo">
                        <b>Correo</b>
                        <input class="input" name="email" id="correo" maxlength="75"  type="email" style="height:35px;" value="<?php echo $datos['email']; ?>">
                    </div>

                    <div class="campo">
                        <div style="float:left;width:49.5%" >
                            <b>Teléfono</b>
                        </div>
                        <div style="float:left;width:49.5%" >
                            <b>Visibiliad</b>
                        </div>
                        <div style="width:100%;">
                            <input class="input" style="width:49.5%;height:35px;" name="telefono" maxlength="15"  type="tel" value="<?php echo $datos['telefono']; ?>">
                            <select class="input" style="width:49.5%;height:35px;" name="visibilidad" maxlength="15"  type="tel" value="<?php echo $datos['telefono']; ?>">
                                
                                <?php 
                                    $visibilidad = obtenerVisibilidadTelefono($_SESSION['uid']);
                                    $i = 0;
                                    while ($i < count($visibilidad)) { ?>
                                        <option value="<?php echo $visibilidad[$i]['idTelefono'] ?>" <?php if ($datos['telefonoVisible'] == $visibilidad[$i]['idTelefono']) { echo "selected"; } ?>><?php echo $visibilidad[$i]['descripcion'] ?></option>
                                <?php    
                                        $i++;
                                    } 
                                ?>
                            </select>
                        </div>
                    </div>

                    <div class="campo">
                        <b>Web</b>
                        <input class="input" name="web" maxlength="100" style="height:35px;" value="<?php echo $datos['web']; ?>">
                    </div>

                    <div class="campo">
                        <b>Videobook</b>
                        <input class="input" name="videobook" maxlength="200" style="height:35px;" value="<?php echo $datos['videobook']; ?>">
                    </div>

                    <div class="campo">
                        <b>Provincia</b>
                        <select class="input" name="provincia" id="provincia">
                            <option value="<?php echo $datos['idProvincia'] ?>"><?php echo $datos['nombreProvincia'] ?></option>
                        </select>
                    </div>

                    <div class="campo">
                        <b>Municipio</b>
                        <select class="input" name="municipio" id="municipio">
                            <option value="<?php echo $datos['idMunicipio'] ?>"><?php echo $datos['nombreMunicipio'] ?></option>
                        </select>
                    </div>    

                    <div class="campo">
                        <b>Fecha de Nacimiento</b>
                        <!--<di style="padding-left:0;">-->
                        <input type="text" readonly="readonly" class="span2 input" style="width:100%;height:35px;" name="fecha" size="15" id="fechaNacimiento" value="<?php echo formatoFechaStandard($datos['fechaNacimiento']); ?>"/> 
                        <!--</div>-->
                    </div>

                    <div class="campo">
                        <b>Sexo</b>
                        <div style="padding:5px 0 0 0;">
                            <input type="radio" name="sexo"  id="inlineCheckbox1" value="1" <?php if ($datos['idSexo'] == 1) echo 'checked'; ?> /> &nbsp;Hombre    &nbsp;&nbsp; &nbsp;
                            <input type="radio" name="sexo" id="inlineCheckbox2" value="2" <?php if ($datos['idSexo'] == 2) echo 'checked'; ?>/> &nbsp;Mujer      
                        </div>
                    </div>
                    <div class="campo" style="width:710px;height:180px;">
                        <b>Descripción</b>
                        <textarea  class="input" style="height:170px;" maxlength="500" name="descripcion"><?php echo $datos['descripcion']; ?></textarea>
                    </div>
                    <div style="clear: both;"></div>
               </div>
            <script>
                $(function () {
                    $("#fechaNacimiento").datepicker({
                        defaultDate: '<?php echo formatoFechaStandard($datos['fechaNacimiento']) ?>',
                    });
                });
                
                function validarFormulario() {
                    campo = document.getElementById("correo");
                    if (campo.value == "") {
                        campo.style.borderColor = "red";
                        campo.style.boxShadow = "0px 0px 5px red";
                        return false;
                    } else {
                        campo.style.borderColor = "silver";
                        campo.style.boxShadow = "none";
                    }
                    return true;
                }
            </script>

            <div class="modal-footer" style="padding:10px;text-align:center">
                    <input class="btn btn-info boton" type="submit" value="Modificar"> 
            </div>
        </form>
        </div>
    </div>
</div>   